<template>
    <el-pagination :current-page="currentPage" :page-size="pageSize" :page-sizes="[20, 30, 40, 50]"
                layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
                @current-change="handleCurrentChange" />
</template>
<script setup lang="ts">
import {ElPagination} from 'element-plus'

defineProps({
    currentPage:Number,
    pageSize:Number,
    total:Number
})
const emit = defineEmits<{
    (e:'sizeChange',value:number):void
    (e:'currentChange',value:number):void
}>()
function handleSizeChange(value:number){
    emit('sizeChange',value)
}
function handleCurrentChange(value:number){
    emit('currentChange',value)
}
</script>
<style scoped lang="less"></style>